<div th:fragment="head">
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="renderer" content="webkit" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="stylesheet" href="/assets/css/amazeui.css" th:href="@{/assets/css/amazeui.min.css}" />
	<link rel="stylesheet" href="/assets/css/amaze.min.css" th:href="@{/assets/css/amaze.min.css}" />
</div>

<!-- 头部 -->
<div th:fragment="header">
	<header class="am-topbar am-topbar-inverse am-topbar-fixed-top">
		<div class="am-container">
			<h1 class="am-topbar-brand">
				<a href="javascript:;" class="tpl-logo am-icon-car am-icon-md"> 顺风车 </a>
			</h1>

			<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-secondary am-show-sm-only"
				data-am-collapse="{target: '#collapse-head'}">
				<span class="am-sr-only">导航切换</span>
				<span class="am-icon-bars"></span>
			</button>

			<div class="am-collapse am-topbar-collapse" id="collapse-head">
				<ul class="am-nav am-nav-pills am-topbar-nav">
					<li class="am-active">
						<a href="/front">首页</a>
					</li>
					<li>
						<a href="#">车票预订</a>
					</li>
					<li>
						<a href="/front/fabupinche">发布信息</a>
					</li>
					<li>
						<a href="/front/test">联系我们</a>
					</li>
					<li>
						<a href="#">关于我们</a>
					</li>
				</ul>

				<div class="am-topbar-right">
					<a href="/register" class="am-btn am-btn-secondary am-topbar-btn am-btn-sm am-round">
						&nbsp;
						<span class="am-icon-pencil"></span>
						注&nbsp;册 &nbsp;
					</a>
				</div>
				<div class="am-topbar-right">
					<a href="/login" class="am-btn am-btn-secondary am-topbar-btn am-btn-sm am-round">
						&nbsp;
						<span class="am-icon-user"></span>
						登&nbsp;录 &nbsp;
					</a>
				</div>
			</div>
		</div>
	</header>
</div>

<div th:fragment="footer">
	<footer class="amz-footer">
		<div class="am-g am-g-fixed">
			<div class="col-md-4 col-md-push-8 am-u-md-4 am-u-md-push-8">
				<ul class="amz-social">
					<li>
						<a rel="nofollow" href="#" title="顺风车微博" target="_blank">
							<span class="am-icon-weibo"></span>
						</a>
					</li>
					<li>
						<a href="#am-wechat" title="顺风车微信" data-am-modal="">
							<span class="am-icon-wechat"></span>
						</a>
					</li>
					<li>
						<a rel="nofollow" href="http://fuwu.nongmiao.com/about/contact.html" target="_blank" title="联系我们">
							<span class="am-icon-paper-plane"></span>
						</a>
					</li>
				</ul>
			</div>
			<div class="col-md-8 col-md-pull-4 am-u-md-8 am-u-md-pull-4">
				<h2 class="amz-fd">顺风车</h2>
				<ul class="amz-links">
					<li>
						<a rel="nofollow" href="http://fuwu.nongmiao.com/about/contact.html">联系我们</a>
						|
						<a rel="nofollow" href="http://fuwu.nongmiao.com/about/about.html">关于我们</a>
					</li>
				</ul>
				<p class="amz-cp">
					&copy; 2016 AllMobilize, Inc. Licensed under MIT license. Developed with
					<a href="#" target="_blank">Golden Plant Co. Ltd.</a>
					.
				</p>
			</div>
		</div>
	</footer>
</div>

<!-- 风格切换 -->
<div th:fragment="skiner">
	<div class="tpl-skiner">
		<div class="tpl-skiner-toggle am-icon-cog"></div>
		<div class="tpl-skiner-content">
			<div class="tpl-skiner-content-title">选择主题</div>
			<div class="tpl-skiner-content-bar">
				<span class="skiner-color skiner-white" data-color="theme-white"></span>
				<span class="skiner-color skiner-black" data-color="theme-black"></span>
			</div>
		</div>
	</div>
</div>

<!-- 侧边导航栏 -->
<div th:fragment="sidebar">
	<div class="left-sidebar">
		<div th:include="common/fragments::sidebar-user"></div>
		<div th:include="common/fragments::sidebar-nav"></div>
	</div>
</div>

<!-- 用户信息 -->
<div th:fragment="sidebar-user">
	<div class="tpl-sidebar-user-panel">
		<div class="tpl-user-panel-slide-toggleable">
			<div class="tpl-user-panel-profile-picture">
				<img src="/assets/img/user04.png" alt="" />
			</div>
			<span class="user-panel-logged-in-text">
				<i class="am-icon-circle-o am-text-success tpl-user-panel-status-icon"></i> 禁言小张
			</span>
			<a href="javascript:;" class="tpl-user-panel-action-link">
				<span class="am-icon-pencil"></span>
				账号设置
			</a>
		</div>
	</div>
</div>

<!-- 菜单 -->
<div th:fragment="sidebar-nav">
	<div layout:fragment="nav"></div>
</div>